import { styled } from "@material-ui/styles";
import {
  border,
  compose,
  display,
  flexbox,
  palette,
  positions,
  shadows,
  sizing,
  spacing,
  typography
} from "@material-ui/system";

/**
 * 描述：
 *  公共的盒子
 * @author sunshixiong
 * @date 2019/6/26-17:39
 */
const Box = styled("div")(
  compose(
    border,
    display,
    flexbox,
    palette,
    positions,
    shadows,
    sizing,
    spacing,
    typography
  )
);

export default Box;
